<!DOCTYPE html>
<html lang="en">
 <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  <meta charset="UTF-8" /> 
  <title>关于立邦</title> 
  <meta name="description" content="" /> 
  <meta content="width=640,target-densitydpi=device-dpi,user-scalable=no" name="viewport" /> 
  <link rel="stylesheet" href="css/animate1.css" /> 
  <link rel="stylesheet" href="css/animations.css" /> 
  <link rel="stylesheet" href="css/viewer.css" /> 
  <link rel="stylesheet" href="css/swiper.min.css" /> 
  <style type="text/css">
  
  </style>
  <script src="js/jquery-1.11.2.js"></script> 
  <script src="js/iscroll.js"></script> 
  <script>
     var myscroll;
     function loaded(){
      window.scrollers = new Array();
      $(".iscrollLocal").each(function(){
        $(this).wrap("<div style='height: 450px;'></div>");
        $(this).css({"height":"auto"});
        $(this).parent()[0].id = new Date().getTime() + Math.floor(Math.random()*Math.random()*Math.random()*Math.random()*100000);
        var _ = $(this).parent()[0].id;
        scrollers[_]= new iScroll(_,{fadeScrollbar:true,hideScrollbar:false});
      });
        //window.myscroll=new iScroll("wrapper");
     }
     window.addEventListener("DOMContentLoaded",loaded,false);
  </script> 
 </head> 
 <body> 
     
<!--弹框部分-->
  <div class="more_list"> 
   <!--关于立邦详情--> 
   <div class="more" id="clickme_1_1"> 
    <div class="more_content"> 
     <div class="more_close"> 
      <img src="images/close.png" /> 
     </div>
     <p class="more_content_title">关于立邦</p>
     <div class="wrapper"> 
      <div id="scroller" class="iscrollLocal scroller"> 
          <p>立邦中国隶属于新加坡立时集团。1992年，立邦涂料进入中国，近年来已成为中国涂料行 业的领导品牌。立邦一直以美化和保护人们的生活为己任，不断创造出品质优越的产品，让美丽的色彩足迹遍及中国每一角落。致力于成为涂料行业的全方位服务商，立邦旨在推动创新技术的研发、多元产品的拓展，让中国消费者和客户在涂料功能、涂刷效果和环保、服务等方面有更大选择，从而提供以消费者和客户为核心的服务，最大程度满足社会和市场的需求。立邦业务范围广泛，涉及到多种领域，其中的建筑涂料、汽车涂料、一般工业涂料、卷材涂料、防护涂料、粉末涂料等更是在行业里名列前茅。上海世博会场馆、奥运会重点场馆、广州亚运会场馆、中央电视台新台址等，他们的表面无不在立邦涂料的保护下熠熠生辉。立邦丰富了人们日益美好的生活，越来越受到人们的瞩目和信赖。</p>
      </div> 
     </div> 
     <!--     </div> --> 
    </div> 
   </div> 
   <!--     装饰涂料事业部详情--> 
   <div class="more" id="clickme_2_1"> 
    <div class="more_content"> 
     <div class="more_close"> 
      <img src="images/close.png" /> 
     </div> 
     <p class="more_content_title">装饰涂料事业部</p>
    <div class="wrapper"> 
     <div class="iscrollLocal scroller"> 
      <p>立邦装饰涂料事业部，向消费者提供健康环保、丰富质感、色彩绚丽的高品质产品。无论内墙涂料、外墙涂料，木器漆、艺术漆等，都让立邦成为消费者心目中环保、色彩的代名词，并成为市场领导品牌。同时，在“立邦，为你刷新生活”的品牌理念指引下，立邦不只是继续专注于产品与色彩研发，更立足于向消费者提供效果更好、更环保、更高效、更轻松的涂装体系与刷新服务，为千万家庭刷新美好的生活！</p> 
     </div>
        </div>
    </div> 
   </div> 
   <!--工程涂料事业部详情     --> 
   <div class="more" id="clickme_3_1"> 
    <div class="more_content"> 
     <div class="more_close"> 
      <img src="images/close.png" /> 
     </div> 
     <p class="more_content_title">工程涂料事业部</p> 
     <div class="wrapper"> 
     <div class="iscrollLocal scroller">  
      <p>立邦工程事业部，以创造和谐的景观环境为己任。全国百余位工程服务人员穿梭于各个项目现场，为客户提供专业咨询及高质量的立邦产品；全国逾百位专业销售人员确保物流及现场服务系统能做出最有效率的运作；工程色彩设计中心，每年都将依循最新趋势推出年度流行色彩，提供专业迅速的色彩解决方案。</p> 
      <p>立邦工程事业部曾先后为北京奥运工程、上海世博、广州亚运工程等重大工程项目提供全方位专业服务，为城市建设涂抹更加亮丽的色彩！</p> 
         </div>
     </div> 
    </div> 
   </div> 
   <!--基材与辅材事业部详情     --> 
   <div class="more" id="clickme_4_1"> 
    <div class="more_content"> 
     <div class="more_close"> 
      <img src="images/close.png" /> 
     </div> 
     <p class="more_content_title">基材与辅材事业部</p> 
     <div class="wrapper"> 
     <div class="iscrollLocal scroller"> 
      <p>再美再好的表面，都离不开基材与辅材的支持，它与涂料共同守护人生最重要的地方。立邦的基材及辅材包括内外墙面的底材系统、厨卫底材系统及处理工具、辅助材料，我们提供高耐久、环保的底材产品，并整合超过 30家国际品牌的辅助材料与工具供应商，与立邦的优质涂料形成整体的涂装体系，为客户提供一站式解决方案。</p> 
      <p>作为未来长远的发展战略之一，系统化的涂装体系不但是增长的亮点，更重要的是让用户真正享受到立邦高品质与系统化的服务，立邦基材与辅材事业部期待以提供消费者更专业的涂装体系为目标而迈进。</p>
         </div>
     </div> 
    </div> 
   </div> 
   <!--商装木器漆事业部详情--> 
   <div class="more" id="clickme_5_1"> 
    <div class="more_content"> 
     <div class="more_close"> 
      <img src="images/close.png" /> 
     </div> 
     <p class="more_content_title">商装木器漆事业部</p> 
     <div class="wrapper"> 
     <div class="iscrollLocal scroller">  
      <p>立邦商装木器漆事业部致力于以最优化的油漆组合方案，满足木器制造行业节能减排和自动化涂装日益增长的需要。立邦的商装木器漆产品包括更环保更高效的 UV- 紫外光固化漆、WB- 水性木器漆，以及常规的 PU聚氨酯漆、PE- 不饱和聚酯漆、NC- 硝基漆和各类着色产品、木蜡油等木器漆。立邦商装木器漆事业部以成熟的产品品质、专业的技术服务队伍、及时周到的供货渠道，为木门、木窗、木梯、木线、衣柜、厨柜、展柜、卫浴柜、镶板、饰板、户外木质景观等家装定制、工程定制、展示定制的木器制造商提供一站式解决方案。</p>
     </div>
     </div> 
    </div> 
   </div> 
   <!--汽车涂料事业部详情     --> 
   <div class="more" id="clickme_6_1"> 
    <div class="more_content"> 
     <div class="more_close"> 
      <img src="images/close.png" /> 
     </div> 
     <p class="more_content_title">汽车涂料事业部</p> 
     <div class="wrapper"> 
     <div class="iscrollLocal scroller">  
      <p>立邦汽车涂料事业部致力于为提高汽车性能与使用年限而开发出特殊汽车涂料，并成为全新业界标竿。立邦汽车涂料相关产品包括表面处理化学品，保护性基地漆，中间漆和闪光表层漆。立邦汽车涂料也是唯一为汽车提供完整涂料系统供应的公司，主导日本、泰国、印度尼西亚、越南和菲律宾等国在内的亚洲市场。</p> 
      <p>立邦汽车涂料 1994 年开始向中国汽车制造商和零部件供货商提供产品和服务。2008 年与德国 Bolling&amp; Kemper 合作，共同成立凯柏立邦涂料有限公司，将为更多的汽车公司建立完善的服务。</p>
     </div>
     </div> 
    </div> 
   </div> 
   <!--汽车修补涂料事业部详情     --> 
   <div class="more" id="clickme_7_1"> 
    <div class="more_content"> 
     <div class="more_close"> 
      <img src="images/close.png" /> 
     </div> 
     <p class="more_content_title">汽车修补涂料事业部</p> 
     <div class="wrapper"> 
     <div class="iscrollLocal scroller">  
      <p>2003 年，立邦汽车修补涂料进入中国市场，以其环保的理念，专业的技术，热诚的服务，始终在行业中名列前茅。立邦汽车修补涂料事业部目前在中国拥有自主的生产工厂和色彩研发基地，4 个培训中心，遍及全国的销售网络，专业的售后服务和市场支持。</p> 
      <p>立邦汽车修补涂料旗下品牌 NAX 是日本汽车修补涂料产品中销量最好的品牌之一，至今已有 30 多年的历史。NAX 代表着 Nippon Paint Auto-refinish X(立邦汽车修补涂料拥有无限的可能)。立邦致力于可持续发展和环境保护，坚持E3理(Easy-低耗、 Exciting- 高效、Ecology- 环保)，追求卓越，挑战自我。我们相信，我们能够持续开创新的高度。立邦汽车修补涂料产品 NAX(耐可施)完全融合全新的 E3 概念，在调色性、施工性、遮盖力、环保性等问题上为客户提供一系列的解决方案。面对质量要求高、品质要求稳定的高端客户，NAX 产品均以其无与伦比的产品质量广受好评，其品质获得丰田、本田、日产等汽车制造商的认可。</p> 
     </div>
         </div> 
    </div> 
   </div> 
   <!-- 一般工业涂料事业部详情    --> 
   <div class="more" id="clickme_8_1"> 
    <div class="more_content"> 
     <div class="more_close"> 
      <img src="images/close.png" /> 
     </div> 
     <p class="more_content_title">一般工业涂料事业部</p> 
     <div class="wrapper"> 
     <div class="iscrollLocal scroller"> 
      <p>立邦一般工业涂料事业部主要从事工程机械、风力发电机、机车、摩托、氟碳、电泳、3C用涂料及防腐涂料的生产、销售、研发、售后服务等工作。</p> 
      <p>在致力于给各行业客户提供优质产品和服务的同时，努力发挥技术优势，研发、推广、应用水性涂料和低VOC涂料。满足客户美观和性能雪球的同时，希望能为环保出一份绵薄之力，让我们的天更蓝、水更清。</p>
         </div>
     </div> 
    </div> 
   </div> 
   <!-- 卷材涂料事业部详情    --> 
   <div class="more" id="clickme_9_1"> 
    <div class="more_content"> 
     <div class="more_close"> 
      <img src="images/close.png" /> 
     </div> 
     <p class="more_content_title">卷材涂料事业部</p> 
     <div class="wrapper"> 
     <div class="iscrollLocal scroller">  
      <p>立邦卷材涂料事业部，是目前中国唯一全面供应卷材产品的专业供货商，产品包括脱脂剂、钝化液、底漆、背漆、面漆，所涉及领域包含家电、建材及各种功能涂料，完整的中、低、高档次产品能满足客户的不同需求。</p> 
      <p>立邦全才涂料事业部随中国卷材市场的增长形成稳定的产品体系、专业的技术服务对u、及时的供货管道。多年来，中国日益成长的市场需求，使立邦卷材生产线以倍数增长，产品种类也趋于多样化。</p> 
         </div>
     </div> 
    </div> 
   </div> 
   <!--防护涂料事业部详情    --> 
   <div class="more" id="clickme_10_1"> 
    <div class="more_content"> 
     <div class="more_close"> 
      <img src="images/close.png" /> 
     </div> 
     <p class="more_content_title">防护涂料事业部</p> 
     <div class="wrapper"> 
     <div class="iscrollLocal scroller">  
      <p>立邦防护涂料产品销售已有一百多年的历史。 1996 年在上海设立了研发中心，通过对涂料基础理论、生产工艺、应用工艺的研究，不断研发“高固含、低VOC、性能优良、绿色环保”的高品质产品，以满足中国市场和客户需求。立邦防护涂料事业部针对桥梁、港机、石化、电力、海洋石油工程、冶金钢结构等专业防腐市场，应用醇酸、锌粉、环氧、聚氨酯、氟碳、丙烯酸、聚硅氧烷、耐热、防火等一系列优质产品，为您提供“量身定做的、专业的解决方案”。</p> 
         </div>
     </div> 
    </div> 
   </div> 
   <!--立邦粉末涂料事业部详情    --> 
   <div class="more" id="clickme_11_1"> 
    <div class="more_content"> 
     <div class="more_close"> 
      <img src="images/close.png" /> 
     </div> 
     <p class="more_content_title">立邦粉末涂料事业部</p> 
     <div class="wrapper"> 
     <div class="iscrollLocal scroller">  
      <p>立邦粉末涂料事业部专业从事粉末涂料开发、生产、销售，目前拥有天津、苏州、佛山和成都四个生产基地，引进瑞士、德国、英国、美国进口的全套检测仪器和生产设备，拥有现代化的生产线100多条，年产能力达 6 万吨。</p> 
      <p>立邦涂料事业部与国际知名原料供应商建立了战略合作伙伴关系，如荷兰 DSM、瑞士汽巴、美国杜邦、德国巴斯夫等，保证了为所服务的客户提供最卓越的粉末喷涂表面处理产品。</p> 
      <p>立邦粉末涂料产品应用范围广泛，包括建筑型材、一般工业、汽车、家电、电子消费品、管道及工业防腐，其他功能性涂料等行业，在诸多行业的卓越表现使立邦粉末涂料事业部成为中国粉末涂料行业的佼佼者，并被指定为建筑行业表面处理国家标准的编写方之一。</p> 
      <p>立邦粉末涂料事业部秉承质量卓越、顾客至上的原则，拥有高端的技术人才进行产品的研发，以提供给客户适应市场需求的多样化产品，并以完善的技术服务、专业的解决方案，为不同的客户提供满意的服务。</p> 
         </div>
     </div> 
    </div> 
   </div> 
  </div>
<!--end of 弹框部分-->
     
     
  <!-- Swiper --> 
  <div class="swiper-container" style="display:block;"> 
   <div class="swiper-wrapper"> 
       
       
    <!--      首页--> 
    <div class="swiper-slide" id="one" style="display:none;"> 
     <div class="page pt-page-rotateRoomTopIn" id="page_1" effect="roomup" data-index="0" style="left:0px; top: 0px; width:640px; height: 1036px; display:block;"> 
      <div class="pagebg" style="overflow: hidden; transform: scale(1, 1); background: rgb(255, 255, 255);"> 
       <img style="position: absolute; top: 0px; left: 0px; width: 640px; height: 1036px; transform: scale(1, 1) rotate(0deg); -webkit-filter: blur(0px); opacity: 1;" src="images/5559b38ec38ef.png" /> 
      </div> 
      <div class="pagecontent" style="transform: scale(1, 1);"> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 319px 161px 0px; transform: rotate(0deg);"> 
        <div class="element slideInLeft" id="auto_gen_0" style="z-index: 0; border-radius: 0px; top: 20px; left: 21px; width: 596px; height: 315px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/5559b9389a884.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 227px 868.5px 0px; transform: rotate(0deg);"> 
        <div class="element slideInRight" id="auto_gen_1" style="z-index: 0; border-radius: 0px; top: 762px; left: 0px; width: 640px; height: 262px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/5559b938ec206.png" /> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
       
       
    <!-- 关于立邦--> 
    <div class="swiper-slide"> 
     <div class="page active" id="page_2" effect="roomup" data-index="1" style="display:block; overflow: hidden; left: 0px; top: 0px; width: 640px; height: 1036px; background:#00388b;"> 
      <div class="pagebg" style="overflow: hidden; transform: scale(1, 1); background: white; top:20px;"> 
       <img style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; transform: scale(1, 1) rotate(0deg); -webkit-filter: blur(0px); opacity: 1;" src="" /> 
      </div> 
      <div class="pagecontent" style="transform: scale(1, 1);"> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 110px 0px; transform: rotate(0deg); top:0px;"> 
        <div class="element slideInDown" id="auto_gen_2" style="z-index: 0; border-radius: 0px; top: -17px; left: 0px; width: 640px; height: 254px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:640px;top:0px;left:0px" src="images/gg.jpg" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 322px 764.5px 0px; transform: rotate(0deg);"> 
        <div class="element zoomIn" id="auto_gen_3" style="z-index: 0; border-radius: 0px; top: 446px; left: 0px; width: 640px; height: 487px; -webkit-animation-duration: 3s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c73b6a93d7.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 318px 64.5px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn" id="auto_gen_4" style="z-index: 0; border-radius: 0px; top: -4px; left: -2px; width: 640px; height: 137px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c73b5013aa.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 400.5px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn clickme" id="clickme_1" style="z-index: 0; border-radius: 0px; top: 266px; left: 0px; width: 640px; height: 255px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0; animation-delay:2s; -webkit-animation-delay:2s;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c73b59171d.png" /> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
       
       
    <!-- 装饰涂料事业部     --> 
    <div class="swiper-slide"> 
     <div class="page" effect="roomup" data-index="10" style="display:block; overflow: hidden; left:0px; top:0px; width:640px; height:1036px;"> 
      <div class="pagebg" style="overflow: hidden; transform: scale(1,1); background: white;"> 
       <img style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; transform: scale(1, 1) rotate(0deg); -webkit-filter: blur(0px); opacity: 1;" src="" /> 
      </div> 
      <div class="pagecontent" style="transform: scale(1,1);"> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 335px 0px; transform: rotate(0deg);"> 
        <div class="element slideInLeft" id="auto_gen_39" style="z-index: 0; border-radius: 0px; top: 139px; left: 0px; width: 640px; height: 392px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c71e18d822.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 110px 0px; transform: rotate(0deg);"> 
        <div class="element slideInDown" id="auto_gen_40" style="z-index: 0; border-radius: 0px; top: -17px; left: 0px; width: 640px; height: 254px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:640px;top:0px;left:0px" src="images/5559ba1e1688c.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 61.5px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn" id="auto_gen_41" style="z-index: 0; border-radius: 0px; top: -7px; left: 0px; width: 640px; height: 120px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c71e34b0bc.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 322px 847px 0px; transform: rotate(0deg);"> 
        <div class="element slideInRight" id="auto_gen_42" style="z-index: 0; border-radius: 0px; top: 709px; left: 2px; width: 640px; height: 328px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c71e2bd21c.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 585.5px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn clickme" id="clickme_2" style="z-index: 0; border-radius: 0px; top: 500px; left: 0px; width: 640px; height: 206px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c71e3dc94d.png" /> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div>
       
       
    <!--工程涂料事业部--> 
    <div class="swiper-slide"> 
     <div class="page" id="page_3" effect="roomup" data-index="2" style="display:block; overflow: hidden; left: 0px; top: 0px; width: 640px; height:1036px;"> 
      <div class="pagebg" style="overflow: hidden; transform: scale(1,1); background: white;"> 
       <img style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; transform: scale(1, 1) rotate(0deg); -webkit-filter: blur(0px); opacity: 1;" src="" /> 
      </div> 
      <div class="pagecontent" style="transform: scale(1,1);"> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 106px 0px; transform: rotate(0deg);"> 
        <div class="element slideInDown" id="auto_gen_6" style="z-index: 0; border-radius: 0px; top: -21px; left: 0px; width: 640px; height: 254px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/5559ba1e1688c.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 350px 443px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn clickme" id="clickme_3" style="z-index: 0; border-radius: 0px; top: 275px; left: 0px; width: 640px; height: 195px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/5559ba6a68b3d.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 70.5px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn" id="auto_gen_8" style="z-index: 0; border-radius: 0px; top: 1px; left: 0px; width: 640px; height: 153px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/aa.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 237px 762px 0px; transform: rotate(0deg);"> 
        <div class="element slideInUp" id="auto_gen_9" style="z-index: 0; border-radius: 0px; top: 526px; left: -4px; width: 482px; height: 510px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); "> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/5559bf02c3466.png" /> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
       
       
    <!--基材与辅材事业部      --> 
    <div class="swiper-slide"> 
     <div class="page" effect="roomup" data-index="9" style="display:block; overflow: hidden; left:0px; top:0px; width:640px; height:1036px;"> 
      <div class="pagebg" style="overflow: hidden; transform: scale(1,1); background: white;"> 
       <img style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; transform: scale(1, 1) rotate(0deg); -webkit-filter: blur(0px); opacity: 1;" src="" /> 
      </div> 
      <div class="pagecontent" style="transform: scale(1,1);"> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 109px 0px; transform: rotate(0deg);"> 
        <div class="element slideInDown" id="auto_gen_35" style="z-index: 0; border-radius: 0px; top: -18px; left: 0px; width: 640px; height: 254px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:640px;top:0px;left:0px" src="images/5559ba1e1688c.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 323px 720.5px 0px; transform: rotate(0deg);"> 
        <div class="element slideInUp" id="auto_gen_36" style="z-index: 0; border-radius: 0px; top: 459px; left: 3px; width: 640px; height: 579px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c6feecc4b8.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 321px 65px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn" id="auto_gen_37" style="z-index: 0; border-radius: 0px; top: -4px; left: 1px; width: 640px; height: 120px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c6feb64fb1.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 321px 376px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn clickme" id="clickme_4" style="z-index: 0; border-radius: 0px; top: 255px; left: 1px; width: 640px; height: 242px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c6febacd90.png" /> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
       
       
    <!-- 商装木器事业部--> 
    <div class="swiper-slide"> 
     <div class="page" effect="roomup" data-index="5" style="display:block; overflow: hidden; left: 0px; top: 0px; width: 640px; height: 1036px;"> 
      <div class="pagebg" style="overflow: hidden; transform: scale(1,1); background: white;"> 
       <img style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; transform: scale(1, 1) rotate(0deg); -webkit-filter: blur(0px); opacity: 1;" src="" /> 
      </div> 
      <div class="pagecontent" style="transform: scale(1,1);"> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 342.5px 0px; transform: rotate(0deg);"> 
        <div class="element slideInLeft" id="auto_gen_18" style="z-index: 0; border-radius: 0px; top: 141px; left: 0px; width: 640px; height: 403px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c69a0dca40.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 109px 0px; transform: rotate(0deg);"> 
        <div class="element slideInDown" id="auto_gen_19" style="z-index: 0; border-radius: 0px; top: -18px; left: 0px; width: 640px; height: 254px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:640px;top:0px;left:0px" src="images/5559ba1e1688c.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 62px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn" id="auto_gen_20" style="z-index: 0; border-radius: 0px; top: -7px; left: 0px; width: 640px; height: 120px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c69a2a7634.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 588px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn clickme" id="clickme_5" style="z-index: 0; border-radius: 0px; top: 471px; left: 0px; width: 640px; height: 234px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c69a313b87.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 322px 819.5px 0px; transform: rotate(0deg);"> 
        <div class="element slideInRight" id="auto_gen_22" style="z-index: 0; border-radius: 0px; top: 649px; left: 2px; width: 640px; height: 387px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c6d77371d2.png" /> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
       
       
    <!--  汽车涂料事业部    --> 
    <div class="swiper-slide"> 
     <div class="page" effect="roomup" data-index="8" style="display:block; overflow: hidden; left:0px; top:0px; width:640px; height:1036px;"> 
      <div class="pagebg" style="overflow: hidden; transform: scale(1,1); background: white;"> 
       <img style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; transform: scale(1, 1) rotate(0deg); -webkit-filter: blur(0px); opacity: 1;" src="" /> 
      </div> 
      <div class="pagecontent" style="transform: scale(1,1);"> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 109px 0px; transform: rotate(0deg);"> 
        <div class="element slideInDown" id="auto_gen_31" style="z-index: 0; border-radius: 0px; top: -18px; left: 0px; width: 640px; height: 254px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:640px;top:0px;left:0px" src="images/5559ba1e1688c.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 316px 772px 0px; transform: rotate(0deg);"> 
        <div class="element slideInUp" id="auto_gen_32" style="z-index: 0; border-radius: 0px; top: 552px; left: -4px; width: 640px; height: 484px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c66dc0ab5d.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 65.5px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn" id="auto_gen_33" style="z-index: 0; border-radius: 0px; top: -3px; left: 0px; width: 640px; height: 120px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c66dd0936d.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 386px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn clickme" id="clickme_6" style="z-index: 0; border-radius: 0px; top: 270px; left: 0px; width: 640px; height: 227px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c66dd622fe.png" /> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
       
       
    <!-- 汽车修补涂料事业部     --> 
    <div class="swiper-slide"> 
     <div class="page" effect="roomup" data-index="7" style="display:block; overflow: hidden; left:0px; top: 0px; width:640px; height:1036px;"> 
      <div class="pagebg" style="overflow: hidden; transform: scale(1,1); background: white;"> 
       <img style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; transform: scale(1, 1) rotate(0deg); -webkit-filter: blur(0px); opacity: 1;" src="" /> 
      </div> 
      <div class="pagecontent" style="transform: scale(1,1);"> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 109px 0px; transform: rotate(0deg);"> 
        <div class="element slideInDown" id="auto_gen_27" style="z-index: 0; border-radius: 0px; top: -18px; left: 0px; width: 640px; height: 254px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:640px;top:0px;left:0px" src="images/5559ba1e1688c.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 322px 753px 0px; transform: rotate(0deg);"> 
        <div class="element slideInUp" id="auto_gen_28" style="z-index: 0; border-radius: 0px; top: 520px; left: 2px; width: 640px; height: 518px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c62d29dea9.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 391.5px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn clickme" id="clickme_7" style="z-index: 0; border-radius: 0px; top: 284px; left: 0px; width: 640px; height: 215px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c62d306824.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 325px 65px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn" id="auto_gen_30" style="z-index: 0; border-radius: 0px; top: -4px; left: 5px; width: 640px; height: 120px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c644d688c1.png" /> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
       
       
    <!-- 一般工业涂料事业部     --> 
    <div class="swiper-slide"> 
     <div class="page" effect="roomup" data-index="6" style="display:block; overflow: hidden; left: 0px; top: 0px; width: 640px; height: 1036px;"> 
      <div class="pagebg" style="overflow: hidden; transform: scale(1, 1); background: white;"> 
       <img style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; transform: scale(1, 1) rotate(0deg); -webkit-filter: blur(0px); opacity: 1;" src="" /> 
      </div> 
      <div class="pagecontent" style="transform: scale(1, 1);"> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 108px 0px; transform: rotate(0deg);"> 
        <div class="element slideInDown" id="auto_gen_23" style="z-index: 0; border-radius: 0px; top: -19px; left: 0px; width: 640px; height: 254px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:640px;top:0px;left:0px" src="images/5559ba1e1688c.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 315px 724px 0px; transform: rotate(0deg);"> 
        <div class="element slideInUp" id="auto_gen_24" style="z-index: 0; border-radius: 0px; top: 456px; left: -57px; width: 640px; height: 580px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c607ad8ab6.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 316px 60px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn" id="auto_gen_25" style="z-index: 0; border-radius: 0px; top: -9px; left: -4px; width: 640px; height: 120px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c60778f17c.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 316px 384.5px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn clickme" id="clickme_8" style="z-index: 0; border-radius: 0px; top: 254px; left: -4px; width: 640px; height: 236px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c607b3c8bb.png" /> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
       
       
    <!--卷材涂料事业部--> 
    <div class="swiper-slide"> 
     <div class="page" id="page_4" effect="roomup" data-index="3" style="display:block; overflow: hidden; left: 0px; top: 0px; width: 640px; height:1036px;"> 
      <div class="pagebg" style="overflow: hidden; transform: scale(0.661706349206349, 0.661706349206349); background: white;"> 
       <img style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; transform: scale(1, 1) rotate(0deg); -webkit-filter: blur(0px); opacity: 1;" src="" /> 
      </div> 
      <div class="pagecontent" style="transform: scale(1,1);"> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 108px 0px; transform: rotate(0deg);"> 
        <div class="element slideInDown" id="auto_gen_10" style="z-index: 0; border-radius: 0px; top: -19px; left: 0px; width: 640px; height: 254px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:640px;top:0px;left:0px" src="images/5559ba1e1688c.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 322px 731px 0px; transform: rotate(0deg);"> 
        <div class="element slideInUp" id="auto_gen_11" style="z-index: 0; border-radius: 0px; top: 472px; left: 2px; width: 640px; height: 564px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c5e576b20d.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 62.5px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn" id="auto_gen_12" style="z-index: 0; border-radius: 0px; top: -6px; left: 0px; width: 640px; height: 120px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c5e57d558e.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 356.5px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn clickme" id="clickme_9" style="z-index: 0; border-radius: 0px; top: 266px; left: 0px; width: 640px; height: 181px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c5e53b060a.png" /> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
       
       
    <!--  防护涂料事业部    --> 
    <div class="swiper-slide"> 
     <div class="page" effect="roomup" data-index="4" style="display:block; overflow: hidden; left: 0px; top: 0px; width: 640px; height: 1036px;"> 
      <div class="pagebg" style="overflow: hidden; transform: scale(1,1); background: white;"> 
       <img style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; transform: scale(1, 1) rotate(0deg); -webkit-filter: blur(0px); opacity: 1;" src="" /> 
      </div> 
      <div class="pagecontent" style="transform: scale(1,1);"> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 109px 0px; transform: rotate(0deg);"> 
        <div class="element slideInDown" id="auto_gen_14" style="z-index: 0; border-radius: 0px; top: -18px; left: 0px; width: 640px; height: 254px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:640px;top:0px;left:0px" src="images/5559ba1e1688c.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 315px 784px 0px; transform: rotate(0deg);"> 
        <div class="element slideInUp" id="auto_gen_15" style="z-index: 0; border-radius: 0px; top: 595px; left: -5px; width: 640px; height: 442px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c4795aae02.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 321px 63px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn" id="auto_gen_16" style="z-index: 0; border-radius: 0px; top: 5px; left: 1px; width: 640px; height: 120px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c47932e4bc.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 317px 387.5px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn clickme" id="clickme_10" style="z-index: 0; border-radius: 0px; top: 261px; left: 49px; width: 537px; height: 253px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/555c4793a937e.png" /> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
       
       
    <!--立邦粉末涂料事业部      --> 
    <div class="swiper-slide"> 
     <div class="page" effect="roomup" data-index="9" style="display:block; overflow: hidden; left:0px; top:0px; width:640px; height:1036px;"> 
      <div class="pagebg" style="overflow: hidden; transform: scale(1,1); background: white;"> 
       <img style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; transform: scale(1, 1) rotate(0deg); -webkit-filter: blur(0px); opacity: 1;" src="" /> 
      </div> 
      <div class="pagecontent" style="transform: scale(1,1);"> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 109px 0px; transform: rotate(0deg);"> 
        <div class="element slideInDown" id="auto_gen_35" style="z-index: 0; border-radius: 0px; top: -18px; left: 0px; width: 640px; height: 254px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:640px;top:0px;left:0px" src="images/5559ba1e1688c.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 323px 720.5px 0px; transform: rotate(0deg);"> 
        <div class="element slideInUp" id="auto_gen_36" style="z-index: 0; border-radius: 0px; top: 505px; left: 3px; width: 640px; height: 579px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0);"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/fm_con.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 321px 65px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn" id="auto_gen_37" style="z-index: 0; border-radius: 0px; top: -4px; left: 1px; width: 640px; height: 120px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/fm_title.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 321px 376px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn clickme" id="clickme_11" style="z-index: 0; border-radius: 0px; top: 258px; left: 0px; width: 640px; height: 158px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/fm_text.png" /> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
       
<!--    0715   新增页面-->
   <div class="swiper-slide"> 
     <div class="page" effect="roomup" data-index="11" style="display:block; overflow: hidden; left: 0px; top: 0px; width: 640px; height: 1036px;"> 
      <div class="pagebg" style="overflow: hidden; transform: scale(1, 1); background: white;"> 
       <img style="position: absolute; top: 0px; left: 0px; width: 640px; height: 1036px; transform: scale(1, 1) rotate(0deg); -webkit-filter: blur(0px); opacity: 1;" src="images/0728.jpg" /> 
      </div>       
     </div> 
    </div> 
       
       
    <!--    封底页面       --> 
    <div class="swiper-slide"> 
     <div class="page" effect="roomup" data-index="11" style="display:block; overflow: hidden; left: 0px; top: 0px; width: 640px; height: 1036px;"> 
      <div class="pagebg" style="overflow: hidden; transform: scale(1, 1); background: white;"> 
       <img style="position: absolute; top: 0px; left: 0px; width: 640px; height: 1036px; transform: scale(1, 1) rotate(0deg); -webkit-filter: blur(0px); opacity: 1;" src="images/5559bc57cc706.jpg" /> 
      </div> 
      <div class="pagecontent" style="transform: scale(1, 1);"> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 500px 0px; transform: rotate(0deg);"> 
        <div class="element fadeIn" id="auto_gen_44" style="z-index: 0; border-radius: 0px; top: -4px; left: 0px; width: 640px; height: 1036px; -webkit-animation-duration: 1.3s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/5559bc58869d9.png" /> 
        </div> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 500px 0px; transform: rotate(0deg);"> 
        <div class="element bounceIn" id="auto_gen_45" style="z-index: 0; border-radius: 0px; top: 367px; left: 149px; width: 342px; height: 266px; -webkit-animation-duration: 1s; background: rgba(255, 255, 255, 0); opacity:0;"> 
         <img style="position:absolute;width:NaNpx;top:0px;left:0px" src="images/5559bc58f20a2.png" /> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
    <!-- end of 封底页面       --> 
    <!--    封底页面       --> 
    <div class="swiper-slide"> 
     <div class="page" effect="roomup" data-index="11" style="display:block; overflow: hidden; left: 0px; top: 0px; width: 640px; height: 1036px;"> 
      <div class="pagecontent" style="transform: scale(1, 1);"> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 500px 0px; transform: rotate(0deg);"> 
       </div> 
       <div class="elementout" style="z-index: 0; height: 0px; width: 0px; position: relative; opacity: 1; transform-origin: 320px 500px 0px; transform: rotate(0deg);"> 
       </div> 
      </div> 
     </div> 
    </div> 
    <!-- end of 封底页面       --> 
   </div>    <!--   end swiper-wrapper--> 
  </div>   <!--   end swiper-container--> 
     
<!--音乐播放 -->
  <div style="z-index: 999; width: 44px; height: 44px; position: absolute; top: 3%; left: 88%; cursor: pointer;" id="mplay"> 
   <audio autoplay="autoplay" loop="loop" id="audio" src="http://www.eyee.cn/Public/Uploads/images/2015/04/27/699/553df80928571.mp3">
   </audio> 
  </div> 
  <img id="arrow" class="arrowing" src="images/arrow_page.png" style="z-index:999;width:200px;position:absolute;bottom:30px;left:50%;margin-left:-150px;" /> 
     
<!--loading图片-->
  <div id="preloadarea" style="border: 0px; z-index: 999; width: 640px; height: 1100px; position: absolute; left: 0px; top: 0px; display:block; background: white;"> 
   <div style="position:absolute;background:rgba(30,30,30,0);top:40%;width:160px;height:160px;left:50%;margin-left:-80px;overflow:hidden;"> 
    <div id="cover" style="width:160px;height:160px;background-size:100%;text-align:center;"> 
     <img src="images/loading.gif" style="width:105px;height:105px;" /> 
     <br /> 
     <img src="images/loading_text.gif" style="width:120px;margin-left:18px;" /> 
    </div> 
   </div> 
  </div> 
  <script type="text/javascript" src="js/swiper.min.js"></script> 
  <script type="text/javascript">
//点击查看更多，出现弹框
   $(".clickme").click(function(){
       var clickme_id = $(this).attr("id");
       $(".more").hide();        
       $("#"+clickme_id+"_1").fadeIn();
       setTimeout(function(){
        var id = $("#"+clickme_id+"_1 .iscrollLocal").parent()[0].id;
        scrollers[id].refresh();
        //window.myscroll.refresh();
      }, 600);
   });
      $(".more_close").click(function(){
        $(".more").hide();
      }
      );
//loading效果
    setTimeout(function(){
        $("#preloadarea").hide();
        $(".swiper-container").show();
        $(".more_list").show();
        $("#one").show();
    },3000);
//音乐按钮控制
      var sj_music = true;
      var music = document.getElementById("audio");
      $("#mplay").click(function(){
          if(sj_music){
            $(this).css("background-image","url(images/musicoff.png)");
            music.pause();
            sj_music = false;
          }else{
            $(this).css("background","url(images/musicon.png)");
            music.play();
            sj_music = true;
          }          
      });
//swiper插件实现上下滑动
      var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
//        direction: 'vertical',
      });
     
  </script> 
 </body>
</html>